@primary: #007bff;
@secondary: #6c757d;
@success: #28a745;
@info: #17a2b8;
@warn: #ffc107;
@danger: #dc3545;
@bg: #545c64;
@words: #373737;

body {
    margin: 0;
    a {
        text-decoration: none;
        color: inherit;
        font-size: inherit;
        &:hover {
            color: lighten(@primary, 15%);
        }
    }
    ul,
    ol,
    dl {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        margin-top: 0;
    }
}

.self-center(@type: absolute) {
    position: @type;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}